// import { createApp } from 'vue'
// import { createRouter, createWebHistory } from 'vue-router'
// import App from './App.vue'
// // import router from './router/index'
// import apps from './micro-app'
// import routes from './router/index'
// import { registerMicroApps, start } from 'qiankun'

// // registerMicroApps(apps)
// // // 启动qiankun 
// // start()

// // const app = createApp(App)
// // app.use(router)
// // app.mount('#app')

// let instance = null
// let router = null

// function render(props = {}) {
//     const { container } = props;
//     // router = new VueRouter({
//     //   base: window.__POWERED_BY_QIANKUN__ ? '/app-vue/' : '/',
//     //   mode: 'history',
//     //   routes,
//     // });
//     // router = createRouter({
//     //     history: createWebHistory(window.__POWERED_BY_QIANK ? '/main' : '/'), 
//     //     routes
//     // })
  
//     // instance = new Vue({
//     //   router,
//     //   store,
//     //   render: (h) => h(App),
//     // }).$mount(container ? container.querySelector('#app') : '#app');
//     instance = createApp(App)
//     instance.use(router)
//     instance.mount(container ? container.querySelector('#app') : '#app')
//   }
  
//   // 独立运行时
//   if (!window.__POWERED_BY_QIANKUN__) {
//     render();
//   }
  
//   export async function bootstrap() {
//     console.log('[vue] vue app bootstraped');
//   }
//   export async function mount(props) {
//     console.log('[vue] props from main framework', props);
//     render(props);
//   }
//   export async function unmount() {
//     instance.unmount();
//     instance = null;
//     router = null;
//   }

//   // 注册子应用并启动 Qiankun
// registerMicroApps(apps);
// start();

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import { registerMicroApps, start } from 'qiankun';
import './style.css'

const app = createApp(App);
app.use(router);
app.mount('#app');

// 子应用注册
registerMicroApps([
  {
    name: 'react-app',
    entry: 'http://localhost:3002',
    container: '#sub-app',
    activeRule: '/sub-react',
  },
  {
    name: 'vue-app',
    entry: 'http://localhost:3001',
    container: '#sub-app',
    activeRule: '/sub-vue',
  },
]);

// 启动微前端框架
// start();
start({ singular: true, logLevel: 'debug' })
